<template>
  <div class="app-container">
    <el-table
      :data="storeList"
      border
      stripe
      fit
      highlight-current-row
    >
    <el-table-column label="客户编号" align="center" prop="storeCode" />
    <el-table-column label="客户名称" align="center" prop="storeName" />
    <el-table-column label="贸易商编号" align="center" prop="customerCode" />
    <el-table-column label="供应商编号" align="center" prop="supplierCode" />
    <el-table-column label="贸易商名称" align="center" prop="mallName" />
    <el-table-column label="供应商名称" align="center" prop="supplierName" />

      </el-table>
  </div>
</template>

<script>
import appConstant from '@/constant/AppConstant'

export default {
  filters: {
    settleBasedOnFilter(item) {
      const values = appConstant.settledBasedOnList.filter(value => value.key === item)
      if (values && values.length > 0) {
        return values[0].label
      } else {
        return ''
      }
    },
    freightOrderStatusFilter(item) {
      const values = appConstant.freightOrderStatusList.filter(value => value.key === item)
      if (values && values.length > 0) {
        return values[0].label
      } else {
        return ''
      }
    },
    measureUnitTypeFilter(item) {
      const values = appConstant.measureUnitTypeList.filter(value => value.key === item)
      if (values && values.length > 0) {
        return values[0].label
      } else {
        return ''
      }
    }
  },
  props: {
    storeList: {
      type: Array,
      default: function() {
        return []
      }
    }
  },
  data() {
    return {
      selects: {
        settledBasedOnList: appConstant.settledBasedOnList
      }
    }
  },
  created() {},
  methods: {}
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
</style>
